<template>
    <div>
        <Header></Header>
        <Banner title="关于我们" p_url="http://hughspartan.top/blog/images/hello.jpg"></Banner>
        <div class="middle">
            <div class="line">关于云视车联</div>
            <ul>
                <li class="co">
                    <img class="us-img" src="../assets/img/about1.jpg" style="float:right;">
                    <div class="us-container" style="float:left;" >
                        <span class="us-title"><i>YUNSHI</i>&nbsp;关于云视</span>
                        <p>
                            云视车联科技有限公司成立时间：2020年5月，注册资本：5000万。
                            云视车联是由长城汽车战略投资的车联网科技公司（持股29%），服务于汽车全产
                            业链，用智能、网联、数据重新定义汽车和服务云视车联座落于天津市滨海新区，
                            受滨海新区的高度重视，寄希望云视车联带动滨海智能汽车产业链升级
                        </p>
                    </div>
                </li>
                <li class="co">
                    <img class="us-img" src="../assets/img/about2.jpg" style="float:left;">
                    <div class="us-container" style="float:right;" >
                        <span class="us-title"><i>TECHNICAL</i>&nbsp;技术能力</span>
                        <p>
                            • 车联网云平台、车载智能硬件、车辆大数据建模、车载视觉智能
                            • 北京、深圳设有研发及产品中心，拥有近120人车联网专业研发团队
                            • 云视车联具备车联网前装、后装技术能力，有云与硬件全系统解决方案，已获50多项知识产权
                        </p>
                    </div>
                </li>
                <li class="co">
                    <img class="us-img" src="../assets/img/about3.jpg" style="float:right;">
                    <div class="us-container" style="float:left;" >
                        <span class="us-title"><i>LOCATION </i>&nbsp;业务定位</span>
                        <p>
                            • 为出行运营商提供领先的车、网、云系统级解决方案
                            • 聚焦智能网联与无人驾驶，引领出行产业技术变革
                        </p>
                    </div>
                </li>
            </ul>
        </div>
        <Footer></Footer>
    </div>
</template>
<script>
import Header from './header.vue'
import Footer from './footer.vue'
import Banner from './banner.vue'
export default {
    components:{
        Header,
        Footer,
        Banner
    }
}
</script>
<style scoped>
    ul li {
        list-style: none;
    }
    .line{
            height:100px;
            width:100%;
            line-height:100px;
            background:white;
            text-align: center;
            font-size:40px;
            font-weight:600;
    }
    .middle>ul{
        margin:40px auto 40px auto;
        width:80%;
        height:auto;
        background:white;
    }
    .middle>ul>li{
        margin:40px auto 40px auto;
        width:100%;
        height:300px;
        background:#f7fcff;
    }
    .us-img{
        height:100%;
        width:45%;
    }
    .us-container{
        height:100%;
        width:50%;
    }
    .us-title{
        font-size:35px;
        font-weight:600;
        color:#1557fe;
        opacity:0.8;
        line-height:60px;
        
    }
    .us-container p{
        font-size:16px;
        line-height:32px;
    }
</style>